<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用样式</title>
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
	</head>
	<body>
			<!-- 
				常用样式
					1. 标题
						BootStrap对h1~h6的标题效果进行覆盖
						提供对应的类名,为非标题元素设置样式 (.h1~.h6)
						副标题 small标签 或 .small类名
						
					2.  段落
						通过(.lead) 来突出强调内容(其作用就是增大文本自号,加粗文本,而且对行高和margin也做相应处理)
						<small>: 小字号
						<b><strong>: 加粗
						<i><em>: 斜体
						
					3. 强调
						.text-muted:  提示,使用浅灰色 (#999)
						.text-primary: 主要,使用蓝色 (#428bca)
						.text-success: 成功,使用浅绿色 (#3c763d)
						.text-info: 通知信息,使用浅蓝色 (#31708f)
						.text-warning:  警告,使用黄色 (#8a6d3b)
						.text-danger: 危险,使用褐色 (#a94442)
						
					4. 文本对齐类
						<p class="text-left">Left aligned text.</p>
						<p class="text-center">Center aligned text.</p>
						<p class="text-right">Right aligned text.</p>
						<p class="text-justify">Justified text.</p>   (两端对齐)
						<p class="text-nowrap">No wrap text.</p>
						
						
			 -->
			 
			 <!-- 标题 -->
			 <span class="h1">h1样式</span>
			 <h1>标题一<small>副标题</small></h1>
			 <h2>标题二<span class="small">副标题二</span></h2>
			 
			 <hr>
			 <!-- 段落 -->
			 <p>普通文本效果!</p>
			 <p class="lead">通过(.lead) 来突出强调内容</p>
			 <small>小字号</small>
			 <b>b标签加粗</b>
			 <strong>strong标签加粗</strong>
			 <i>i标签斜体</i>
			 <em>em标签斜体</em>
			 
			 <hr>
			 <!-- 强调 -->
			 <div class="text-muted">.text-muted:  提示,使用浅灰色 (#999)</div>
			<div class="text-primary"> .text-primary: 主要,使用蓝色 (#428bca)</div>
			 <div class="text-success">.text-success: 成功,使用浅绿色 (#3c763d)</div>
			 <div class="text-info">.text-info: 通知信息,使用浅蓝色 (#31708f)</div>
			 <div class="text-warning">.text-warning:  警告,使用黄色 (#8a6d3b)</div>
			<div class="text-danger"> .text-danger: 危险,使用褐色 (#a94442)</div>
			
			<hr>
			<!-- 文本对齐类 -->
			<p class="text-left">Left aligned text.</p>
			<p class="text-center">Center aligned text.</p>
			<p class="text-right">Right aligned text.</p>
			<!-- 两端对齐 -->
			<p class="text-justify">试想，在一枝干相同的树枝上，一只蝶蛹破茧而出，稚嫩的翅膀瞬间美丽展开，离开树枝飞向远方，那是多么精彩的蜕变，而我们将如何实现化蝶的精彩人生呢？千里马遇到伯乐</p>
			<p class="text-nowrap">No wrap text.</p>
			
			
			 
			 
	</body>
</html>